Свойство lastChild
Пример
Получить HTML-содержимое последнего дочернего узла элемента <ul>:
var x = document.getElementById("myList").lastChild.innerHTML;
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Свойство lastChild возвращает последний дочерний узел указанного узла в качестве Объект узла.
Разница между этим свойством и lastElementChild, заключается в том, что lastChild возвращает последний дочерний узел как узел элемента, текстовый узел или узел комментария (в зависимости от того, какой из них последний), в то время как lastElementChild возвращает последний дочерний узел как узел элемента (игнорирует текстовые узлы и узлы комментариев).
Примечание: Пробелы внутри элементов рассматриваются как текст, а текст рассматривается как узлы (см. "Ещё примеры").
Это свойство доступно только для чтения.
Совет: Используйте свойство element.childNodes для возврата любого дочернего узла указанного узла.
Совет: Чтобы вернуть первый дочерний узел указанного узла, используйте свойство firstChild.
Поддержка браузера
Свойство | |||||
---|---|---|---|---|---|
lastChild | Да | Да | Да | Да | Да |
Синтаксис
node.lastChild
Технические детали
Возвращает значение | Объект узела, представляющий последнего дочернего узла, или null, если дочерних узлов нет |
---|---|
DOM Версия | Базового уровня 1 Объект узла |
Ещё примеры
Пример
В этом примере мы демонстрируем, как пробелы могут влиять на это свойство.
Получить имя узла последнего дочернего узла элемента <div>:
<!--
Пробелы внутри элементов рассматриваются как текст, а текст рассматривается как узлы
В этом примере есть пробел перед <p>, перед <span> и после <span>
Следовательно, последний дочерний узел <div> является узлом #text, а не элементом <span>, который вы ожидали
-->
<div id="myDIV">
<p>Выглядит как первый ребенок</p>
<span>Выглядит как последний ребенок</span>
</div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Попробуйте сами »
Пример
Однако, если мы заменим пробел из источника, в <div> не будет узлов #text, что сделает элемент <span> последним дочерним узлом:
<div id="myDIV"><p>Первый ребенок</p><span>Последний ребенок</span></div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Попробуйте сами »
Пример
Получить текст узла элемента последнего ребенка <select>:
var x = document.getElementById("mySelect").lastChild.text;
Попробуйте сами »
Связанные страницы
HTML DOM Справочник: node.firstChild Свойство
HTML DOM Справочник: node.childNodes Свойство
HTML DOM Справочник: node.parentNode Свойство
HTML DOM Справочник: node.nextSibling Свойство
HTML DOM Справочник: node.previousSibling Свойство
HTML DOM Справочник: node.nodeName Свойство